<html>
<head>
	<title>Restaurant - Inicie sesion</title>
  <style type="text/css">
	body {	background-color: gray; padding: 20px; font-family: Segoe UI; }
	h1, h2 { font-weight: lighter; }
	h1 { border-bottom: 1px solid black; }
	.button	{ margin-top: 5px;	clear: both; width: 150px; }
	#login { width: 50%; border: 1px solid black; margin-left: 25%; background-color: white; padding: 20px; }
	.text-box { width: 150px; }
	.left { float: left; }
	.clear { clear: both; }
	.fixed { width: 40%; }
	.center { margin-left: 20%; }
  </style>
</head>
<body>
	<div id="login">
		<h1>Inicie sesion</h1>
		
		<div class="clear">
			<span class="left fixed">Nombre de usuario:</span>
			<span class="left">
				<input type="text" class="text-box"/>
			</span>
		</div>
		
		<div class="clear">
			<span class="left fixed">Contrasena:</span>
			<span class="left">
				<input type="text" class="text-box"/>
			</span>	
		</div>
		
		<div class="center">
			<input type="button" value="Entrar" class="clear button center" />
		</div>
	</div>
<body>
<html>